onload = () => {
  $('#problem').append(`
    <div class="question" id="question1" data-type="1" data-problemIndex="1">
      <div class="top">
        <span class="question-title" id="questionTitle">1.单选题</span>
        <span class="must-answer" id="mustAnswer">必答题</span>
        <span> 您平均每天的睡眠时长为多少？</span>
        <div id="right-align-field">同类问题统计</div>
      </div>
      <div class="bottom">
        <div style="display: flex; align-items: center; margin-bottom: 3px;">
          <label class="radio-inline">
            <div class="line-container">
              <span>选项1：五小时以下</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10份</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;20%</span>
              <hr class="custom-line1">
            </div>
          </label>
        </div>
        <div style="display: flex; align-items: center; margin-bottom: 3px;">
          <label class="radio-inline">          
            <div class="line-container">
              <span>选项2：五到七小时</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10份</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;20%</span>
              <hr class="custom-line2">
            </div>
          </label>
        </div>
        <div style="display: flex; align-items: center; margin-bottom: 3px;">
          <label class="radio-inline">
            <div class="line-container">
              <span>选项3：七到九小时</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;15份</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;30%</span>
              <hr class="custom-line3">
            </div>
          </label>
        </div>
        <div style="display: flex; align-items: center; margin-bottom: 3px;">
          <label class="radio-inline">
            <div class="line-container">
              <span>选项4：九小时以上</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;15份</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;30%</span>
              <hr class="custom-line4">
            </div>
          </label>
        </div>
        <div></div>
        <div>本题有效填写人数：&nbsp;&nbsp;&nbsp;50</div>
      </div>
    </div>
  `)
  $('#problem').append(`
    <div class="question" id="question1" data-type="1" data-problemIndex="1">
      <div class="top">
        <span class="question-title" id="questionTitle">2.单选题</span>
        <span class="must-answer" id="mustAnswer">必答题</span>
        <span> 您上一次体检是在什么时候？</span>
        <div id="right-align-field">同类问题统计</div>
      </div>
      <div class="bottom">
        <div style="display: flex; align-items: center; margin-bottom: 3px;">
          <label class="radio-inline">
            <div class="line-container">
              <span>选项1：近半年以内</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10份</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;20%</span>
              <hr class="custom-line5">
            </div>
          </label>
        </div>
        <div style="display: flex; align-items: center; margin-bottom: 3px;">
          <label class="radio-inline">
            <div class="line-container">
              <span>选项2：半年到一年</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;12份</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;24%</span>
              <hr class="custom-line6">
            </div>
          </label>
        </div>
        <div style="display: flex; align-items: center; margin-bottom: 3px;">
          <label class="radio-inline">
            <div class="line-container">
              <span>选项3：一年到两年</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10份</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;20%</span>
              <hr class="custom-line7">
            </div>
          </label>
        </div>
        <div style="display: flex; align-items: center; margin-bottom: 3px;">
          <label class="radio-inline">
            <div class="line-container">
              <span>选项4：两年及以上</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;18份</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;36%</span>
              <hr class="custom-line8">
            </div>
          </label>
        </div>
        <div></div>
        <div>本题有效填写人数：&nbsp;&nbsp;&nbsp;50</div>
      </div>
    </div>
  `)
  $('#problem').append(`
    <div class="question" id="question1" data-type="1" data-problemIndex="1">
      <div class="top">
        <span class="question-title" id="questionTitle">3.多选题</span>
        <span class="must-answer" id="mustAnswer">必答题</span>
        <span> 请在以下食物中选择您经常食用的食物</span>
        <div id="right-align-field">同类问题统计</div>
      </div>
      <div class="bottom">
        <div style="display: flex; align-items: center; margin-bottom: 3px;">
          <label class="checkbox-inline">
            <div class="line-container">
              <span>选项1：豆蛋奶类</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;30份</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;60%</span>
              <hr class="custom-line9">
            </div>
          </label>
        </div>
        <div style="display: flex; align-items: center; margin-bottom: 3px;">
          <label class="checkbox-inline">
            <div class="line-container">
              <span>选项2：各种肉类</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;40份</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;80%</span>
              <hr class="custom-line10">
            </div>
          </label>
        </div>
        <div style="display: flex; align-items: center; margin-bottom: 3px;">
          <label class="checkbox-inline">
            <div class="line-container">
              <span>选项3：各种蔬菜</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;25份</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;50%</span>
              <hr class="custom-line11">
            </div>
          </label>
        </div>
        <div style="display: flex; align-items: center; margin-bottom: 3px;">
          <label class="checkbox-inline">
            <div class="line-container">
              <span>选项4：各类主食</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;40份</span>
              <span class="line-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;80%</span>
              <hr class="custom-line12">
            </div>
          </label>
        </div>
        <div></div>
        <div>本题有效填写人数：&nbsp;&nbsp;&nbsp;50</div>
      </div>
    </div>
  `)
  // $('#problem').append(`
  //   <div class="question" id="question1" data-type="1" data-problemIndex="1">
  //     <div class="top">
  //       <span class="question-title" id="questionTitle">3.填空题</span>
  //       <span class="must-answer" id="mustAnswer">必答题</span>
  //     </div>
  //     <div class="bottom">
  //       <textarea class="form-control" placeholder="请输入" rows="4" style="width: 70%;"></textarea>
  //   </div>
  // `)
  // $('#problem').append(`
  //   <div class="question" id="question1" data-type="1" data-problemIndex="1">
  //     <div class="top">
  //       <span class="question-title" id="questionTitle">4.矩阵题</span>
  //       <span class="must-answer" id="mustAnswer">必答题</span>
  //     </div>
  //     <div class="bottom">
  //       <table class="table">
  //         <thead>
  //           <tr>
  //             <th></th>
  //             <th>选项1</th>
  //             <th>选项2</th>
  //             <th>选项3</th>
  //           </tr>
  //         </thead>
  //         <tbody>
  //           <tr>
  //             <td>标题1</td>
  //             <td><input type="radio" name="chooseTerm1" /></td>
  //             <td><input type="radio" name="chooseTerm1" /></td>
  //             <td><input type="radio" name="chooseTerm1" /></td>
  //           </tr>
  //           <tr>
  //             <td>标题2</td>
  //             <td><input type="radio" name="chooseTerm2" /></td>
  //             <td><input type="radio" name="chooseTerm2" /></td>
  //             <td><input type="radio" name="chooseTerm2" /></td>
  //           </tr>
  //         </tbody>
  //       </table>
  //     </div>
  //   </div>
  // `)
  // $('#problem').append(`
  //   <div class="question" id="question1" data-type="1" data-problemIndex="1">
  //     <div class="top">
  //       <span class="question-title" id="questionTitle">5.量表题</span>
  //       <span class="must-answer" id="mustAnswer">必答题</span>
  //     </div>
  //     <div class="bottom" style="display: flex; align-items: center; justify-content: space-between;">
  //       <div>很满意</div>
  //       <div>
  //         <label class="radio-inline">
  //           <input type="radio" name="fraction" />5
  //         </label>
  //       </div>
  //       <div>
  //         <label class="radio-inline">
  //           <input type="radio" name="fraction" />4
  //         </label>
  //       </div>
  //       <div>
  //         <label class="radio-inline">
  //           <input type="radio" name="fraction" />3
  //         </label>
  //       </div>
  //       <div>
  //         <label class="radio-inline">
  //           <input type="radio" name="fraction" />2
  //         </label>
  //       </div>
  //       <div>
  //         <label class="radio-inline">
  //           <input type="radio" name="fraction" />1
  //         </label>
  //       </div>
  //       <div>很不满意</div>
  //     </div>
  //   </div>
  // `)

}
const edit = () => {
  location.href = "/pages/questionnaire/index.html"
}